@{
    Layout=null;
}
@using mvc.Models;
@model IEnumerable<Product>;


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="~/css/Base.css">
</head>
<body>
    <div class="father">
        <select name="" id="" onchange="SelectChange()">
            <option class="option" value="1">商品名称</option>
            <option class="option" value="2">商品Id</option>
            <option class="option" value="3">库存数量</option>
        </select>
        <input id="find" type="text" placeholder="请输入商品名称">
        <input type="button" value="查找" onclick="Find()">
        <input id="back" type="button" value="返回" onclick="Back()">
        <input id="add" type="button" value="新增" onclick="Add()">
        <table class="table">
            <tr>
                <th>Id</th>
                <th>商品名称</th>
                <th>供应商名称</th>
                <th>价格</th>
                <th>库存数量</th>
                <th>备注</th>
                <th>操作</th>
            </tr>
            @foreach (var item in Model)
            {
                <tr class="row">
                <td>@item.Id</td>
                <td>@item.ProductName</td>
                <td>@item.Supplier</td>
                <td>@item.Price</td>
                <td>@item.Stock</td>
                <td>@item.Remarks</td>
                <td>
                    <input type="button" value="编辑" onclick="Endit(@item.Id)">
                    <input type="button" value="删除" onclick="Delete(@item.Id)">
                </td>
            </tr>
            }
            
            
        </table>
    </div>
</body>
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/js/Base.js"></script>
</html>